﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="http://1stjs.googlecode.com/svn/trunk/fw4/" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>facePicker演示</title>
<script type="text/javascript" src="1st.js"></script>
<style type="text/css">
.face{background:url(data/img/picker/face01.png); width:30px; height:30px;}
li{list-style:none; float:left;}
</style>
</head>
<body>
<div id="face" class="face" style="background-position:0 0;"></div>

<script type="text/javascript">
F.picker({
	init : function(me){
		var faces = ["微笑", "开怀笑", "哭泣", "失望", "困了", "好好笑", "啵", "电到了", "汗", "流口水了", "真困啊", "我吐", "眨眼", "？？？", "嘘", "砸死你", "不说", "坏", "色迷迷", "教训", "可爱", "YEAH", "崩溃", "惊讶", "鄙视", "开心", "仰慕你", "晕", "挖鼻孔", "撒娇", "鼓掌", "害羞", "老大", "欠揍", "吐舌笑脸", "飞吻", "工作忙", "大哭", "偷偷笑", "送花给你", "来，亲一个", "拍桌子", "拜拜", "得意的笑", "生气", "怕怕", "尴尬", "难过", "叹气", "我是女生", "玫瑰", "好爱你", "心碎了", "亲亲", "NO", "YES", "握个手", "到点了", "音乐", "我是男生"];
		var faces2 = ["带血的刀", "炸弹", "有了", "好晚了", "吸血蝙蝠", "便便", "干一杯", "抽烟", "打电话", "家", "车子", "礼物", "金钱", "太阳", "下雨", "猪猪", "小猫", "小狗", "骨头", "喝水", "汉堡", "包子", "西瓜", "约会", "CALL我"];
		var html = [], o;
		for(var i=0; i<60; i++){
			o = {y:-Math.floor(i/6)*30, x:-(i%10)*30};
			html[i] = ('<li class="face" style="background-position:$x$px $y$px;" title="'+faces[i]+'"></li>').mix(o);
		}
		return F().append("ul").hide().size(300,180).html(html);
	}
}).bind("face");
</script>
</body>
</html>